<template>
	<view>
	 <view class="jishou" v-for="(item, index) in imageList"
             :key="index">
	  <!-- <view id="header">
	      <view>
	        <text>下拉框</text>
	      </view>
	   </view> -->
	      <view id="img">
	      <image mode="aspectFill" :src="item.src"></image>
	      <text>{{item.name}}</text>
	      </view>
	      <view id="icon">
	       <uni-icons type="locked" color="#D3D3D3"></uni-icons>
	      </view>
	      <view id="price">
	       <text>寄售价</text>
	       <text >￥ 100.00</text>
	      </view>
	      <view id="zhuangtai">
	        <text>寄售中</text>
	      </view>
	      <view id="time">
	       <text>获得时间</text>  
	       <text>2022-02-01 06-9：23：23</text>
	      </view>
	     <view>
	     <uni-pagination :show-icon="true" :total="2"  />
	      </view>
	 </view>
	
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imageList:[
					{
					id:1,
					name:'呵呵',
					fans:100,
					src:'http://rco8i11co.hn-bkt.clouddn.com/1.jpg'	,
					text:'《动物世界》',
					num:'x1'
					},
					// {
					// id:2,
					// name:'呵呵1',
					// fans:50,
					// src:'http://rco8i11co.hn-bkt.clouddn.com/2.jpg'	,
					// text:'《动物世界2》',
					// num:'x1'
					// },
					// {
					// id:3,
					// name:'呵呵2',
					// fans:100,
					// src:'http://rco8i11co.hn-bkt.clouddn.com/3.jpg'	,
					// text:'《动物世界2》'
					// },
					// {
					// id:4,
					// name:'呵呵3',
					// fans:200,
				 //    src:'http://rco8i11co.hn-bkt.clouddn.com/4.jpg'	,
					// text:'《动物世界2》'
					// },
				]
			}
		},
		methods: {
			
		}
	}
</script>


<style>
	.jishou{
	    width: 750rpx;
	    height: 500rpx;
	 
	}
	#header{
	    width: 750rpx;
	    height: 200rpx;
	    background-color: yellow;
	    border-bottom:1px  grey solid;
	}
	#img image{
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    margin:auto;
	}
	
	#img text{
	    display: flex;
	    justify-content: center;
	    color: #fff;
	    border-radius: 15px;
	    width: 80px;
	    height: 30px;
	    line-height: 30px;
	    margin-left: 30px;
	    margin-top: -30px;   
	}
	#icon{
	    margin-top: 10px;
	    margin-left: 30px;
	}
	#price {
	    display: flex;
	    flex-direction: row;
	}
	#price :first-child{
	    margin-top: 10px;
	    margin-left: 30px;
	    font-size: small;
	    color: #AAAA;
	}
	#price text{
	    display: flex;
	    justify-content: space-around;
	    margin-top: 10px;
	    margin-left: 210px;
	    color: #F6A233;
	    font-size: small;
	}
	#zhuangtai text{
	    display: flex;
	    margin-top: 10px;
	    font-size: small;
	   margin-left: 300px;
	}
	#time{
	    margin:20px 0 auto;
	    justify-content: space-around;
	    display: flex;
	    flex-direction: row;
	}
	#time :first-child{
	    margin-left: -18px;
	    color: #AAAAAA;
	    font-size: small;
	}
	#time text{
	    color: #000000;
	    margin-bottom: 20px;  
	    font-size: small;
	}

</style>